// 封装（复用）
// 步骤：
// 1，导入axios
// 2,使用axios.create()方法创建axios实例
// 3.给新创建axios实例添加请求和响应拦截器
// 4，导出创建的新的axios实例
import axios from 'axios'
import store from '../store'
import router from '../router'
const request = axios.create({
  baseURL: 'http://geek.itheima.net/v1_0/'
})

// 添加请求拦截器=>发送请求之前执行
request.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么=>统一给header添加token
  // 需求：1.有token  2.不是登录、注册等接口
  // 采取添加header的token 添加请求头

  if (store.state.user.token && config.url !== 'authorizations') {
    // config.headers是一个对象：{}=》追加，根据后台文档
    config.headers.Authorization = `Bearer ${store.state.user.token}`
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器=>请求之后，后端响应了执行了=>
request.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么=>简化返回给页面的数据
  const _data = {
    status: response.status,
    data: response.data.data
  }
  return _data
}, async function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  const loginPath = `/login?redirectUrl=${router.currentRoute.path}`
  try {
    // 有错误并且错误是401

    if (error.response && error.response.status === 401) {
      console.log('处理401情况:是否需要更新token')

      // 1）.没有登录，跳转回登录页面（带上当前访问页面的地址 =》没有token
      // 2）.已经登录（核心）有token=》{token:发请求 ，refresh_token:token失效，更新时使用 }
      // 1.token过期，refresh_token没有过期=》使用refresh_token发请求，更新过期token，重新发送上次401
      // 2.token过期，refresh_token过期=》跳转回登录页面（带上上次访问页面的地址）
      // 从store获取token
      // 1）.没有登录，跳转回登录页面（带上当前访问页面的地址 =》没有token
      const { user } = store.state
      if (!user.token || !user.refresh_token) {
        router.replace(loginPath)
        // 中断请求并抛出错误
        return Promise.reject(error)
      }
      // 2）.已经登录（核心）有token=》{token:发请求 ，refresh_token:token失效，更新时使用 }
      const { data } = await request({
        url: 'authorizations',
        method: 'put',
        headers: {
          Authorization: `Bearer ${user.refresh_token}`
        }
      })
      // console.log('获取到的新的token:', data)
      store.commit('setToken', {
        token: data.token,
        refresh_token: user.refresh_token
      })
      // 重点：重新发送401的请求
      return request(error.config)
    }
  } catch (error) {
    // 2.token过期，refresh_token过期=》跳转回登录页面（带上上次访问页面的地址）
    router.replace(loginPath)
    // 中断请求并抛出错误
    return Promise.reject(error)
  }
  return Promise.reject(error)
})

export default request
